<template>
	<view>
		<!-- 轮播图配置开始-->
		<view class="uni-margin-wrap">
			<u-swiper :list="list3" indicator indicatorMode="line" circular></u-swiper>
		</view>
		<!-- 轮播图配置结束-->
		<view>
			<!-- 门诊服务开始 -->
			<view>
				<view style="width: 100%;height: 40px;">
					<view style="float: left;width: 30px;height: 20px;">
						<view
							style="width: 16px;height: 6px;border-radius: 4px;background-color:#006EFF;margin-left: 10px;margin-top: 20px;">
						</view>
					</view>
					<view
						style="float: left;font-size: 18px;margin: 10px 10px 0px 0px;height: 30px;width: 100px;margin-left: 10px;">
						<text>门诊服务</text>
					</view>
				</view>

				<view style="height: 95px;width: 100%;">
					<view style="width: 3%;height: 90px;float: left;"></view>
					<!-- 预约挂号 -->
					<view @click="ToArea()" style="height: 90px;width: 46%;background-color: #FCEFF0;float: left;">
						<view style="width: 100px;padding-left: 20px;padding-top: 20px;float: left;">
							<p style="font-size: 18px;color:#F46363FC;margin-bottom: 8px;">预约挂号</p>
							<p style="font-size: 14px;color:#F46363FC;">在线预约挂号</p>
						</view>
						<view style="width: 40px;height: 40px;background-color: rgba(244, 99, 99, 0.2);border-radius: 40px;float: left;
							margin-top: 25px;">
						</view>
					</view>
					<view style="width: 2%;height: 90px;float: left;"></view>
					<!-- 在线充值 -->
					<view @click="Tochongzhi()" style="height: 90px;width: 46%;background-color:#E8FAF2;float: left;">
						<view style="width: 100px;padding-left: 20px;padding-top: 20px;float: left;">
							<p style="font-size: 18px;color:#2ED477;margin-bottom: 8px;">在线充值</p>
							<p style="font-size: 14px;color:#2ed477;">就诊卡预存充值</p>
						</view>
						<view style="width: 40px;height: 40px;background-color: rgba(46, 212, 119, 0.203921568627451);border-radius: 40px;float: left;
							margin-top: 25px;">
						</view>
					</view>
				</view>

				<view style="height:210px;width: 100%;">


					<view style="height:100px;width: 4%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="Tohozhen()">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">候诊查询</text>
						</view>
					</view>


					<view style="height:100px;width: 4%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="selfPay">

						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">自助缴费</text>
						</view>
					</view>


					<!-- <view style="height:100px;width: 5%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">门诊费用</text>
						</view>
					</view> -->

					<view style="height:100px;width: 4%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="Totuikuan">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">在线退款</text>
						</view>
					</view>


					<!-- <view style="height:100px;width: 3%;float: left;"></view>
					<view style="height:100px;width: 3%;float: left;"></view>
					<view style="height:100px;width: 3%;float: left;"></view> -->

					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;margin: 0px 0px 0px 15px;"
						@click="toPage('/pages/appointment/ReportQuery')">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">报告查询</text>
						</view>
					</view>


					<view style="height:100px;width: 4%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;"
						@click="toPage('/pages/appointment/medicalRecord')">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">病历查询</text>
						</view>
					</view>


					<view style="height:100px;width: 5%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;"
						@click="toSelectPatient('/pages/zqw/SelectPatient')">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">核酸检测</text>
						</view>
					</view>


					<view style="height:100px;width: 4%;float: left;"></view>
					<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="ToTijian">
						<view>
							<view style="width: 100%;height: 10px;"></view>

							<view
								style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">

							</view>
						</view>
						<view style="font-size: 14px;">
							<text style="padding-left: 8px;">体检服务</text>
						</view>
					</view>
				</view>
			</view>
			<!-- 门诊服务结束 -->
		</view>
		<view>
			<!-- 住院服务开始 -->
			<view>
				<view style="width: 100%;height: 40px;">
					<view style="float: left;width: 30px;height: 20px;">
						<view
							style="width: 16px;height: 6px;border-radius: 4px;background-color:#006EFF;margin-left: 10px;margin-top: 20px;">
						</view>
					</view>
					<view
						style="float: left;font-size: 18px;margin: 10px 10px 0px 0px;height: 30px;width: 100px;margin-left: 10px;">
						<text>住院服务</text>
					</view>
				</view>
			</view>

			<view style="height:110px;width: 100%;clear: both;">

				<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;margin: 0px 0px 0px 15px;"
					@click="zhuyuanchongzhi()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/zhuyuanchongzhi.png')" />
						</view>
					</view>
					<view style="font-size: 14px;">
						<text style="padding-left: 8px;">住院充值</text>
					</view>
				</view>

				<view style="height:100px;width: 4%;float: left;"></view>
				<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="zhuyuanfy()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/feiyong.png')" />
						</view>
					</view>
					<view style="font-size: 14px;">
						<text style="padding-left: 8px;">住院费用</text>
					</view>
				</view>

				<view style="height:100px;width: 5%;float: left;"></view>
				<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="zhuyuanqd()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/qingdan.png')" />
						</view>
					</view>
					<view style="font-size: 14px;margin-left: 10px;">
						<text>住院清单</text>
					</view>
				</view>

			</view>
			<!-- 门诊服务结束 -->


		</view>



		<view>
			<!-- 医院服务开始 -->
			<view>
				<view style="width: 100%;height: 40px;">
					<view style="float: left;width: 30px;height: 20px;">
						<view
							style="width: 16px;height: 6px;border-radius: 4px;background-color:#006EFF;margin-left: 10px;margin-top: 20px;">

						</view>
					</view>
					<view
						style="float: left;font-size: 18px;margin: 10px 10px 0px 0px;height: 30px;width: 100px;margin-left: 10px;">
						<text>医院服务</text>
					</view>
				</view>
			</view>

			<view style="height:110px;width: 100%;clear: both;">

				<view style="height:95px;width: 19%;border:2px solid #f5f5f5;float: left;margin: 0px 0px 0px 15px;"
					@click="yiyuanjieshao()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/yiyuanjieshao.png')" />
						</view>
					</view>
					<view style="font-size: 14px;">
						<text style="padding-left: 8px;">医院介绍</text>
					</view>
				</view>

				<view style="height:100px;width: 4%;float: left;"></view>
				<view style="height:100px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="yiyuandaohang()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/yiyuandaohang.png')" />
						</view>
					</view>
					<view style="font-size: 14px;">
						<text style="padding-left: 8px;">医院导航</text>
					</view>
				</view>

				<view style="height:100px;width: 5%;float: left;"></view>
				<view style="height:100px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="zhinan()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/zhinan1.png')" />
						</view>
					</view>
					<view style="font-size: 14px;">
						<text style="padding-left: 8px;">就医指南</text>
					</view>
				</view>

				<view style="height:100px;width: 4%;float: left;"></view>
				<view style="height:100px;width: 19%;border:2px solid #f5f5f5;float: left;" @click="jiangkangbaike()">
					<view>
						<view style="width: 100%;height: 10px;"></view>

						<view
							style="height: 40px;width: 40px;background-color: rgba(0, 110, 255, 0.098);margin: 0px 0px 15px 17px;border-radius: 40px;">
							<image class="" mode="aspectFill" :lazy-load="true"
								style="width: 40px; height: 40px;border-radius: 40px;"
								:src="require('static/img/icon/wenzhang.png')" />
						</view>
					</view>
					<view style="font-size: 14px;">
						<text style="padding-left: 8px;">健康百科</text>
					</view>
				</view>

			</view>
			<!-- 医院服务结束 -->

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//轮播图配置开始
				list3: [
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
				],
				//轮播图配置结束
			}
		},
		methods: {


			//自助缴费
			selfPay() {
				uni.navigateTo({
					url: 'selfPay'
				})
			},

			toSelectPatient(url) {
				uni.setStorage({
					key: 'selectPatientAfterUrl',
					data: '/pages/zqw/SelectArea2',
					success() {
						console.log('病人选择后跳转设置成功')
					}
				})
				uni.navigateTo({
					url: url
				})
			},
			ToTijian() {
				uni.navigateTo({
					url: "../zqw/choicetijian"
				})
			},
			Tohozhen() {
				uni.navigateTo({
					url: "../zqw/HozhenQuery"
				})
			},
			Totuikuan() {
				uni.navigateTo({
					url: "../appointment/refund"
				})
			},
			toPage(url) {
				uni.navigateTo({
					url: url
				})
			},
			yiyuanjieshao() {
				uni.navigateTo({
					url: "../lyj/hospitalService/introduce/xuanzeyuanqu"
				})
			},
			yiyuandaohang() {
				uni.navigateTo({
					url: "../lyj/hospitalService/navigation/xuanzeyuanqu"
				})
			},
			jiangkangbaike() {
				uni.navigateTo({
					url: "../lyj/hospitalService/wenzhang/index"
				})
			},
			ToArea() {
				uni.setStorage({
					key: 'selectPatientAfterUrl',
					data: '/pages/zqw/SelectArea',
					success() {
						console.log('病人选择后跳转设置成功')
					}
				})
				console.log("触发")
				uni.navigateTo({
					url: "../zqw/SelectPatient"
				})
			},
			Tochongzhi() {
				uni.navigateTo({
					url: "../appointment/BalanceRecharge"
				})
			},
			zhuyuanchongzhi() {
				uni.navigateTo({
					url: "../lyj/inpatient/zhuyuanchognzhi/zhuyuanrenyuan"
				})
			},

			zhinan() {
				uni.navigateTo({
					url: "../lyj/hospitalService/help/help"
				})
			},
			zhuyuanqd() {
				uni.navigateTo({
					url: "../lyj/inpatient/inventory/zhuyuanriqindan"
				})
			},
			zhuyuanfy() {
				uni.navigateTo({
					url: "../lyj/inpatient/cost/zhuyuancost"
				})
			},
		}
	}
</script>

<style>
	.uni-margin-wrap {
		width: 690rpx;
		width: 100%;
		background-color: red;
	}

	.swiper {
		height: 300rpx;
	}

	.swiper-item {
		display: block;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
	}

	.swiper-list {
		margin-top: 40rpx;
		margin-bottom: 0;
	}
</style>
